<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>实验报告</title>
    <style>
        .id{
            background: url("R-C.jpg");
        }
        .cmj{
            text-align: center;
            position:relative;
            top:20;
            left: 600px;
            font-size: 25px;
        }
        .cmj1{
            text-align: center;
            position:relative;
            top:50px;
            left: 170px;
            font-size: 25px;
        }
        .cmj2{
            position:relative;
            top:50px;
            left:320px;
        }
        img{
            display: block;
            height:500px;
            position: relative;
            top:140px;
            left:220px;
        }
        span{
            display: block;
             position: relative; top: 130px; left: 100px;
             text-align: center;
             font-size: 30px;
        }
    </style>
</head>
<body class="id">
    <div class="cmj">
      <table>
        <tr>
            <td>人员信息</td>
        </tr>
        <tr><td>班级：软件工程2211班</td></tr>
        <tr>
            <td>
                组长：蔡梦君；学号：0223099
            </td>
        </tr>
        <tr>
            <td>
                组员；陈宏哲；学号；0223795
            </td>
        </tr>
      </table>
    </div>
    <div class="cmj1">
        <table>
            <tr>
                <td>
                    网站介绍
                </td>
            </tr>
            <tr>
                <td>名称：《503相亲网》</td>
            </tr>
            <tr>
                <td>主题：相亲</td>
            </tr>
            <tr><td>动机：鉴于现在恋爱情形，还有大部分人单身，所以打算创建这个相亲网来给各位单身人士更多的选择和机会</td></tr>
        </table>
        <table class="cmj2">
            <tr>
                <td>网站设计</td>
            </tr>
            <tr>
                <td>内容板块：有联系区，登录区，填表区，还有图片区</td>
            </tr>
            <tr>
                <td>
                    页面组织结构：侧边栏登录跳转，注册跳转等等
                </td>
            </tr>
        </table>
        
    </div>
    <div>
        <br>
        <span>主要用到的技术有js,列表，flow型，侧边栏等</span>
        <img src="QQ图片20230108152121.jpg" style= "width: 1012px;">
        <img src="QQ图片20230108151838.jpg">
    </div>
</body>
</html>